<script setup>
import HelloWorld from './components/HelloWorld.vue'
import Message from './components/Message/index.vue'
import Message2 from './components/Message/index.js'
import {ref,h, render } from 'vue'
const isShow = ref(false)
const showMes = ()=>{
  // isShow.value = true
  Message2.success("成功")
  console.log(Message2);
}

 


</script>

<template>
  <div>
    <!-- <HelloWorld msg="Vite + Vue" /> -->
    <button @click="showMes">显示消息</button>
    <Message type="success" text="弹窗" v-if="isShow"></Message>
  </div>
</template>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
